.design-row .yuan{    /* margin-right: 3px; */}

.labeled-control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.labeled-control:not(:last-child){margin-bottom:30px;}
.labeled-control .control-label{width:7em;margin-right:10px;text-align:right;font-size:12px;}
.control-label .required{color:#ff403c;vertical-align:middle;padding-right:5px;}
.labeled-control .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;position:relative;height:30px;max-height:36px;line-height:28px;}
.labeled-control .input{width:225px;}
.design-component-config-preview-wechat{height:64px;width:320px;background-repeat:no-repeat;background-size:contain;position:relative;background-image:url(../image/component/wechat-top.png)}
.preview-wechat-large{width:375px;background-image:url(../image/component/wechat-top-large.png)}
.design-component-config-preview-title{display:inline-block;padding:23px 60px 0;height:40px;line-height:40px;width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;font-size:16px;text-align:center;vertical-align:middle;color:#ffffff;}
title .control{width:250px;}
.inline-help-desc{margin-left:3px;color:#999;}
.editor-help-desc{margin:10px 0 20px;color:#999;font-size:12px;}
.no-mb{margin-bottom:0!important;}
.design-editor-control-group-help-desc{margin-top:10px;color:#999;}
.group-required-star{color:#f44;}
.design-editor-control-group-error{color:#f44;}
.controls-card{padding:10px 0;margin-bottom:20px;border:1px solid #e5e5e5;background:#fff;}
.design-container{width:760px;margin:0 auto;}
.design-row{width:706px;}
.design-footer{position:fixed;bottom:0;width:100%;z-index:10;margin:0 -13px;min-width:970px;}
.design-footer-menu{box-shadow:0 -3px 5px #eee;background:hsla(0,0%,100%,.95);padding:10px;border-top:none;}
.design-preview{background:rgb(249,249,249);border:1px solid #e5e5e5;width:320px;min-height:450px;position:relative;}
.design-item-list{min-height:424px;padding-bottom:9px;}
.design-item{cursor:move;position:relative;box-sizing:border-box;border:0;}
.design-item-controller{position:relative;box-sizing:border-box;}
.activate .design-item-controller:before,.design-item-controller:hover:before{z-index:2;display:block;border:1px dashed #38f;opacity:1;content:"";position:absolute;width:100%;height:100%;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;pointer-events:none;}
.activate .design-item-controller-handle{overflow:hidden;    /*background-color: #fff;*/}
.design-item-controller-handle p{    /*padding-bottom: 1em;*/}
.design-preview-add{padding-bottom:5px;position:relative;border-top:1px solid #e5e5e5;background:#fff;}
.design-preview-add-group{padding:0 5px 0 10px;}
.design-preview-add-group-title{font-size:12px;margin-bottom:8px;margin-top:13px;}
.design-preview-add-group-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.design-preview-add-group-btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 31%;-webkit-flex:0 0 31%;-moz-box-flex:0;flex:0 0 31%;height:30px;margin-bottom:5px;margin-right:5px;border:1px dashed #e5e5e5;color:#666;background:#f8f8f8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;border-radius:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;cursor:pointer;}
.design-preview-add-group-btn-disable{color:#bbb;cursor:not-allowed;}
.design-preview-add-group-btn-disable:hover{background:#e8f7fd;border-color:#bdf;color:#bbb;}
.design-item-delete{
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 15;
    font-size: 18px;
    line-height: 0;
    cursor: pointer;
    display: none;
    /* line-height: 18px; */
    /* padding: 2px; */
    font-weight: 700;
    color: #fff;}
.design-item-prepend{position:absolute;left:0;z-index:10;width:100%;display:none;top:1px;}
.design-item-append{bottom:0;position:absolute;left:0;z-index:10;width:100%;display:none;}
.design-item-btn{border-radius:100%;background-color:#bbb;width:18px;height:18px;}
.design-item-btn .fa{margin-left:3px;margin-top:2px;color:#fff;}
.design-item-btn-add{position:absolute;right:50%;margin-right:-8px;top:-9px;z-index:5;font-size:17px;line-height:17px;width:17px;height:17px;display:inline-block;cursor:pointer;background-color:#59f;color:rgba(255,255,255,.8)}
.design-item-btn-add-marker{position:absolute;left:0;bottom:-2px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:100%;z-index:4;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;}
.design-item-btn-add-marker .marker-circle-left{border:1px solid #59f;border-radius:50%;width:3px;height:3px;display:inline-block;z-index:1;-webkit-box-flex:0;-ms-flex:0 0 3px;-webkit-flex:0 0 3px;-moz-box-flex:0;flex:0 0 3px;background:#fff;}
.design-item-btn-add-marker .marker-circle-right{border:1px solid #59f;border-radius:50%;width:3px;height:3px;display:inline-block;z-index:1;-webkit-box-flex:0;-ms-flex:0 0 3px;-webkit-flex:0 0 3px;-moz-box-flex:0;flex:0 0 3px;background:#fff;}
.design-item-btn-add-marker .marker-circle-line{background:#59f;height:1px;width:100%;}
.design-item-editor{position:absolute;left:100%;top:0;min-height:28px;background:#f8f8f8;border-radius:5px;border:1px solid #e5e5e5;width:420px;margin-left:20px;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:5;padding:12px 10px;cursor:default;}
.design-item-editor:before{border:solid transparent;border-right-color:#e5e5e5;border-width:7px;margin-top:-7px;right:100%;top:20px;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.design-item-editor:after{border:solid transparent;border-right-color:#f8f8f8;border-width:6px;margin-top:-6px;right:100%;top:20px;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.design-item-editor .design-item-editor-title{margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e5e5e5;}
.design-item-editor .editor-group{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin-bottom:20px;}
.design-item-editor .editor-group.adjust{padding-left:16px;}
.design-item-editor .radio-group{display:inline-block;font-size:12px;}
.design-item-editor .radio-group:nth-child(n+5){margin-top:10px;}
.design-item-editor .editor-group-desc{margin-top:5px;color:#999;}
.design-item-editor .editor-group .editor-group-label{font-size:12px;width:70px;text-align:right;margin-right:0;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;}
.design-item-editor .editor-group .editor-group-label-top{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;}
.design-item-editor .editor-group .editor-group-control{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1;}
.design-item-editor .editor-group .editor-group-control .editor-group-desc{margin-top:10px;color:#999;}
.design-item-editor .editor-group .editor-group-control .input-wrap{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;position:relative;width:200px;height:30px;max-height:36px;line-height:28px;}
.design-item-editor .editor-group .editor-group-control .input-wrap input{display:inline-block;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;min-width:80px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin:0;border:1px solid #bbb;color:#333;font-size:12px;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-moz-transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.design-item-editor-bottom{top:100%;margin-top:-20px;}
.design-item-controller:hover .design-item-delete{display:block;}
.design-item-controller:hover .design-item-prepend{display:block;}
.design-item-controller:hover .design-item-append{display:block;}

/* 富文本 */
.design-component-rich-preview{overflow:hidden;}
.design-component-rich-preview b,.design-component-rich-preview strong{font-weight:700;}
.design-component-rich-preview i,.design-component-rich-preview em{font-style:italic;}
.design-component-rich-preview img{max-width:100%;}
.rich-text-editor-group b{font-weight:700;}
.rich-text-editor-group i{font-style:italic;}
.rich-text-editor-group img{max-width:100%;}
.design-rich-text{padding:0 10px;padding-top:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;color:#333;line-height:1.5;overflow:hidden;text-align:left;word-wrap:break-word;position:relative;}
.design-item-editor .rich-text-editor-title{margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e5e5e5;}
.design-item-editor .rich-text-editor-group{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;justify-content:space-between;align-items:center;}
.design-item-editor .rich-text-editor-group-block{}
.color-picker{margin-right:0;vertical-align:top;cursor:pointer;display:inline-block;font-size:12px;outline:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:50px;vertical-align:middle;border-radius:4px 0 0 4px;border:1px solid #bbb;padding:5px;position:relative;background-color:#fff;}
.color-picker-preview{width:38px;height:18px;}
.color-picker-reset-btn{border-radius:0 4px 4px 0;margin-left:-1px;background:#f8f8f8;display:inline-block;height:30px;line-height:30px;padding:0 10px;font-size:12px;font-family:inherit;color:#333;border:1px solid #bbb;text-align:center;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.sortable-chosen .design-item-editor{display:none}

/*删除提示框样式*/
.design-tips-del{position:relative;background:#fff;border-radius:2px;padding:10px 20px;z-index:2;color:#333;}
.design-tips-del .design-tips-btns{min-width:160px;text-align:right;margin-right:0;margin-top:10px;}
.design-tips-del .design-tips-btns .design-tips-btn{color:#fff;background:#38f;border-color:#38f;height:26px;line-height:24px;padding:0 5px;display:inline-block;border-radius:2px;font-size:12px;font-family:inherit;}

/*图片广告*/
.design-select-templates{width:100px;height:100px;display:inline-block;border:1px solid #e5e5e5;margin:0 5px 5px 0;padding-top:5px;background-color:#fff;text-align:center;cursor:pointer;}
.design-select-templates:nth-child(3){margin-right:0;}
.design-select-templates.active{border-color:#38f;}
.design-select-templates .design-select-templates-image{width:100px;height:64px;}
.design-select-templates .design-select-templates-image .template-image{background-size:contain;width:90px;height:64px;margin:0 auto;display:block;}
.design-select-templates .design-select-templates-image .template-image-0{background-image:url(../image/component/type-0.png);}
.design-select-templates .design-select-templates-image .template-image-1{background-image:url(../image/component/type-1.png);}
.design-select-templates .design-select-templates-image .template-image-2{background-image:url(../image/component/type-2.png);}
.design-select-templates .design-select-templates-image .template-image-3{background-image:url(../image/component/type-3.png);}
.design-select-templates .design-select-templates-image .template-image-4{background-image:url(../image/component/type-4.png);}
.design-select-templates .design-select-templates-title{margin-top:10px;}
.slider{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;min-height:30px;}
.slider-main{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;margin:8px 7px;height:14px;cursor:pointer;position:relative;border-top:5px solid transparent;border-bottom:5px solid transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.slider-input{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;margin-left:15px;line-height:30px;}
.slider-input input{width:60px;}
.swiper-slide-title{position:absolute;bottom:0;left:0;right:0;text-align:left;z-index:1;background-color:rgba(51,51,51,.8);color:#fff;font-size:14px;height:30px;line-height:30px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:5px;}

/*图片广告中的图片*/
.editor-card{width:100%;position:relative;}
.editor-card .editor-card-item{position:relative;background-color:#fff;margin:15px 0;padding:15px;border:1px dashed #e5e5e5;height:110px;}
.editor-card .editor-card-item.sortable-ghost{background-color:#f4f4f4;}
.editor-card .editor-card-item:hover .design-item-delete{display:block;}
.editor-card .editor-card-item:first-child{margin-top:0;}
.editor-card .editor-card-item-image{display:inline-block;float:left;}
.editor-card .editor-card-item-image .has-choosed-image{position:relative;width:80px;height:80px;border:1px solid #e5e5e5;text-align:center;}
.editor-card .editor-card-item-image .has-choosed-image .thumb-image{min-height:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;max-height:100%;max-width:100%;height:auto;width:auto;}
.editor-card .editor-card-item-image .has-choosed-image .modify-image{position:absolute;bottom:0;left:0;width:80px;height:20px;line-height:20px;font-size:12px;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;}
.editor-card .editor-card-item-content{float:left;width:260px;margin-left:10px;}
.editor-card .editor-card-item-content .control-group{margin-bottom:15px;}
.editor-card .editor-card-item-content .control-group .control-group-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;}
.editor-card .editor-card-item-content .control-group .control-group-container .control-group-label{font-size:12px;width:85px;-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;text-align:right;margin-right:10px;width:50px;}
.editor-card .editor-card-item-content .control-group .control-group-container .control-group-control{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1;}
.editor-card .editor-card-item-content .control-group .control-group-container .control-group-control .input-wrap{height:30px;}
.editor-card .editor-card-item-delete{display:none;position:absolute;cursor:pointer;font-size:20px;right:-10px;top:-10px;color:#bbb;background:#fff;border-radius:50%;}

/*图片广告中的添加图片*/
.editor-card .editor-card-add{
    // height:60px;
text-align:center;background:#fff;margin:10px 0;padding:10px;border:1px dashed #e5e5e5;cursor:pointer;color:#38f;}
.editor-card .editor-card-add .editor-card-add-text{margin-top:13px;}
.editor-card .editor-card-add .editor-card-add-text i{margin-right:10px;color:#38f;}
.editor-card .editor-card-add .editor-card-add-image-tip{color:#999;}
.list-complete-enter,.list-complete-leave-active{opacity:0;}
.design-item-controller-handle .design-default-preview{position:relative;overflow:hidden;height:136px;background-color:#ebf8fd;text-align:center;color:#88c4dc;}
.design-item-controller-handle .design-default-preview:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.design-item-controller-handle .design-default-preview .design-default-preview-title{margin-top:50px;font-size:14px;}
.design-item-controller-handle .design-default-preview .design-default-preview-tip{font-size:12px;}
.design-item-controller-handle .background-center{height:100%;width:100%;background-repeat:no-repeat;background-position:50%;}
.design-item-controller-handle .cap-image-ad{overflow:hidden;font-size:0;}
.design-item-controller-handle .cap-image-ad-title{position:absolute;bottom:0;left:0;right:0;text-align:center;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;z-index:1;background-color:rgba(51,51,51,.8);color:#fff;font-size:14px;height:30px;line-height:30px;}
.design-item-controller-handle .top2end-img-container{position:relative;width:320px;}
.design-item-controller-handle .top2end-img-container img{width:100%;}
.design-item-controller-handle .cap-image-ad-slide{overflow:hidden;font-size:0;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;height:282px;}
.design-item-controller-handle .cap-image-ad-slide .cap-image-ad-slide-image-wrap{display:inline-block;height:100%;position:relative;width:282px;}
.design-item-controller-handle .cap-image-ad-slide .cap-image-ad-slide-image-wrap img{width:100%;height:100%;}
.design-item-controller-handle .cap-image-ad-slide-small{overflow:hidden;font-size:0;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;height:128px;}
.design-item-controller-handle .cap-image-ad-slide-small .cap-image-ad-slide-image-wrap{display:inline-block;height:100%;position:relative;width:128px;}
.design-item-controller-handle .cap-image-ad-slide-small .cap-image-ad-slide-image-wrap img{width:100%;height:100%;}

/* 图片广告 导航*/
.design-item-controller-handle .cap-image-ad-menu{display:flex;justify-content:start;flex-wrap:wrap;}
.design-item-controller-handle .cap-image-ad-menu .menu-block{width:20%;height:64px;position:relative;}
.design-item-controller-handle .cap-image-ad-menu .menu-block img{width:100%;height:100%;}
.design-select-templates .design-select-templates-title{margin-top:10px;}

/* 魔方 */
.design-cube-preview{position:relative;overflow:hidden;width:100%;}
.design-cube-preview .cube-selected{position:absolute;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;}
.design-select-templates .design-select-templates-image .cube-template-image-0{background-image:url(../image/component/cube-type-0.png);}
.design-select-templates .design-select-templates-image .cube-template-image-1{background-image:url(../image/component/cube-type-1.png);}
.design-select-templates .design-select-templates-image .cube-template-image-2{background-image:url(../image/component/cube-type-2.png);}
.design-select-templates .design-select-templates-image .cube-template-image-3{background-image:url(../image/component/cube-type-3.png);}
.design-select-templates .design-select-templates-image .cube-template-image-4{background-image:url(../image/component/cube-type-4.png);}
.design-select-templates .design-select-templates-image .cube-template-image-5{background-image:url(../image/component/cube-type-5.png);}
.design-select-templates .design-select-templates-image .cube-template-image-6{background-image:url(../image/component/cube-type-6.png);}
.design-select-templates .design-select-templates-image .cube-template-image-7{background-image:url(../image/component/cube-type-7.png);}
.design-component-cube{position:relative;width:325px;}
.design-component-cube .cube-selected{position:absolute;background-color:#e8f7fd;border:1px solid #bdf;text-align:center;color:#88c4dc;cursor:pointer;}
.design-component-cube .cube-selected img{object-fit:cover;}
.design-component-cube .cube-selected-click{border:1px solid #38f;z-index:2;cursor:auto;}
.design-component-cube .cube-row{float:left;list-style:none;padding:0;margin:0;}
.design-component-cube .cube-row .cube-item{background:#f8f8f8;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;cursor:pointer;text-align:center;}
.design-component-cube .cube-row:last-of-type .cube-item{border-right:1px solid #e5e5e5;}
.design-component-cube .cube-row .cube-item .plus-icon{font-size:20px;color:#bbb;}
.design-component-cube .cube-row .cube-item:first-child{border-top:1px solid #e5e5e5;}
.design-component-cube .cube-row .item-selecting,.design-component-cube .cube-row .item-selected{background:#e8f7fd;border-color:#e5e5e5;}
.design-component-cube .cube-selected-text{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.design-component-cube .design-editor-card-item-delete{display:none;position:absolute;cursor:pointer;font-size:20px;right:-10px;top:-10px;color:#bbb;background:#fff;border-radius:50%;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.design-component-cube .cube-selected:hover .design-editor-card-item-delete{display:block;color:#000;opacity:.3;}
.design-cube-preview-temp-4,.design-cube-preview-temp-5{display:flex;flex-wrap:wrap;}
.design-cube-preview-temp-4 .first{width:50%;}
.design-cube-preview-temp-4 .other{width:50%;}
.design-cube-preview-temp-5 .first{width:100%;}
.design-cube-preview-temp-5 .other{width:100%;display:flex;}
.design-cube-preview-temp-5 .other .img-wrap{width:50%;}
.design-component-cube .cube-selected img{height:inherit;}
.cube-selected-4.cube-selected img,.cube-selected-5.cube-selected img{object-fit:fill;}

/*文本*/
.design-component-text-preview{position:relative;display:block;padding:10px;}
.design-component-text-preview.text-has-link .text-content{padding-right:20px;}

/*标题*/
.design-component-title-preview{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;word-break:break-all;position:relative;}
.design-component-title-preview .title-preview-main{margin:0;font-size:18px;line-height:22px;}
.design-component-title-preview .title-preview-sub{font-size:11px;color:#8c8c8c;margin:5px 0 0;}
.design-component-title-preview .title-preview-sub .title-preview-sub-data,.design-component-title-preview .title-preview-sub .title-preview-sub-author{margin-right:10px;font-size:12px;}
.design-component-title-preview .title-preview-sub .title-preview-sub-link{margin-right:10px;color:#607fa6;font-size:12px;}
.design-component-title-preview .cap-title-custom-link{margin-left:10px;color:#999;}
.design-component-title-preview .cap-title-custom-link .cap-title-link{font-size:12px;color:#07d;}

/*店铺信息*/
.design-component-shop-banner-preview{position:relative;background-color:#fff;font-size:12px;}
.shop-banner-cover{position:relative;height:185px;background-repeat:no-repeat;background-position-x:center;background-size:cover;}
shop-banner-cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);}
.shop-banner-inner{position:absolute;top:110px;width:100%;}
.shop-banner-content{position:relative;padding-left:15px;overflow:hidden;}
.shop-banner-logo{float:left;width:58px;height:58px;border:1px solid #fff;background-color:#fff;vertical-align:bottom;overflow:hidden;}
.shop-banner-logo img{position:relative;max-width:100%;height:auto;border:none;vertical-align:middle;}
.shop-banner-right-content{margin-left:70px;}
.shop-banner-right-content h3{margin-top:10px;max-width:220px;font-size:18px;line-height:22px;font-weight:700;color:#fff;text-shadow:0 1px 15px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.shop-banner-sum-content{margin-top:15px;line-height:12px;}
.shop-banner-sum-content>a{color:#999;}
.shop-banner-sum-content>a:first-child>span{padding-left:0;}
.shop-banner-sum-content>a:first-child>span:after{content:"|";position:absolute;top:0;right:0;width:2px;height:12px;font-size:10px;color:#e5e5e5;}
.shop-banner-sum-content-total{position:relative;display:inline-block;padding:0 10px;vertical-align:middle;}
.shop-banner-type-0 .shop-banner-sum-content>a{color:#fff;}
.shop-banner-type-1{height:238px;}
.shop-banner-type-1 .shop-banner-inner{top:150px;}
.shop-banner-type-1 .shop-banner-logo{width:70px;height:70px;border-radius:50%;}
.shop-banner-type-1 .shop-banner-logo>img{border-radius:50%;}
.shop-banner-type-1 .shop-banner-right-content{margin-left:82px;}
.shop-banner-type-2{height:258px;}
.shop-banner-type-2 .shop-banner-cover{height:150px;}
.shop-banner-type-2 .shop-banner-content{padding-left:0;text-align:center;}
.shop-banner-type-2 .shop-banner-logo{float:none;display:inline-block;width:70px;height:70px;border-radius:50%;}
.shop-banner-type-2 .shop-banner-right-content{margin-left:0;}
.shop-banner-type-2 .shop-banner-right-content>h3{display:inline-block;margin-top:20px;max-width:100%;color:#333;text-shadow:none;}
.shop-banner-type-2 .shop-banner-sum-content{margin-top:10px;}
.shop-banner-type-3{height:250px;}
.shop-banner-type-3 .shop-banner-cover{height:100%;}
.shop-banner-type-3 .shop-banner-inner{top:50px;}
.shop-banner-type-3 .shop-banner-content{padding-left:0;text-align:center;}
.shop-banner-type-3 .shop-banner-logo{float:none;display:inline-block;width:70px;height:70px;border-radius:50%;}
.shop-banner-type-3 .shop-banner-right-content{margin-left:0;}
.shop-banner-type-3 .shop-banner-right-content>h3{display:inline-block;margin-top:20px;max-width:100%;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.5);color:#fff;text-shadow:none;}
.shop-banner-type-3 .shop-banner-sum-content{margin-top:5px;}
.shop-banner-type-3 .shop-banner-sum-content>a{color:#fff;}
.upload-trigger{display:inline-block;width:80px;height:80px;border:2px dashed #ddd;line-height:71px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:36px;color:#ddd;cursor:pointer;overflow:hidden;text-decoration:none;}
.upload-tips{line-height:14px;font-size:12px;margin-top:6px;margin-bottom:0;color:#666;position:absolute;}
.design-component-shop-banner-editor .select-pic{display:inline-block;}
.design-component-shop-banner-editor .is-uploaded-trigger{position:relative;}
.design-component-shop-banner-editor .is-uploaded-trigger span{display:none;}
.design-component-shop-banner-editor .is-uploaded-trigger:after{content:"\91CD\65B0\9009\62E9";color:#38f;position:absolute;top:-15px;width:60px;left:100px;cursor:pointer;}
.design-component-shop-banner-editor .cover-upload{height:80px;width:80px;display:inline-block;}
.design-component-shop-banner-editor .cover-upload img{max-height:100%;width:80px;height:80px;}

/*进入店铺*/
.design-component-store-preview{display:block;padding:12px 15px;line-height:20px;font-size:14px;background-color:#fff;color:#333;display:block;}
.design-component-store-preview .store-preview-main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.design-component-store-preview .store-preview-main .icon-store{margin-right:10px;}
.design-component-store-preview .store-preview-main .store-preview-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.design-component-store-preview .store-preview-main .store-preview-text{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-right:17px;text-align:right;color:#999;margin-left:5px;word-break:keep-all;}
.icon-arrow{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px;}

/*商品搜索*/
.design-component-search-preview{}
.design-component-search-preview{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:8px 15px;}
.design-component-search-preview .search-preview-input-wrap{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px 24px 8px 35px;border:1px solid #e5e5e5;border-radius:200px;background-color:#fff;}
.design-component-search-preview .search-preview-icon{width:16px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#666;left:10px;font-size:16px;background:url(../image/component/icon_search.png) no-repeat;background-size:16px 16px;}
.design-component-search-preview .search-preview-input{display:block;width:100%;height:16px;line-height:16px;padding:0;font-size:12px;color:#666;border:none;}

/*公告*/
.design-component-notice-preview{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:9px 10px;font-size:12px;line-height:1.5;position:relative;background-color:#fff7cc;}
.design-component-notice-preview .notice-preview-left-icon{color:#f60;height:18px;min-width:20px;padding-top:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../image/component/notice.png) no-repeat;background-size:16px 16px;}
.design-component-notice-preview .notice-preview-content{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:18px;overflow:hidden;position:relative;}

/*辅助线*/
.design-component-line-preview{height:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.design-component-line-preview .wrap-line{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.design-component-line-preview hr{width:100%;}

/*辅助空白*/
.design-component-whitespace-preview{}

/*实体店铺*/
.editor-store-edit{}
.editor-store-title{display:inline-block;padding:2px;border:1px solid #a7cfff;background-color:#e2f4ff;color:#666;}
.editor-store-text{padding-left:5px;color:#38f;cursor:pointer;}
.design-item-controller-handle .design-component-off-shop-preview .background-center{height:128px;}
.design-component-off-shop-preview .offline-shop-info-body{padding:0 20px;background-color:#fff;}
.design-component-off-shop-preview .offline-shop-info-logo-wrap{position:relative;top:-32px;display:inline-block;width:60px;height:60px;border:2px solid #fff;border-radius:32px;overflow:hidden;z-index:2;background-color:#fff;}
.design-component-off-shop-preview .offline-shop-info-logo-wrap.offline-shop-info-logo-wrap-left{left:0;}
.design-component-off-shop-preview .offline-shop-info-logo-wrap.offline-shop-info-logo-wrap-center{left:50%;margin-left:-32px;}
.design-component-off-shop-preview .offline-shop-info-logo-wrap.offline-shop-info-logo-wrap-right{left:100%;margin-left:-64px;}
.offline-shop-info-detail{position:relative;padding-bottom:12px;}
.offline-shop-info-shop-name{padding-right:10px;margin-right:40px;max-height:48px;line-height:24px;font-size:20px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.offline-shop-info-tel{position:absolute;right:-8px;top:-8px;width:40px;height:40px;line-height:40px;font-size:17px;text-align:center;color:#000;}
.offline-shop-info-tel i{display:inline-block;width:17px;height:17px;background:url(../image/component/icon_phone.png);background-size:17px 17px;}
.offline-shop-info-address{position:relative;padding:15px 20px;line-height:16px;font-size:12px;}
.offline-shop-info .info-icon{position:absolute;left:0;top:17px;width:14px;text-align:center;color:#999;}
.cap-offline-shop-info .info-icon{position:absolute;left:0;top:17px;width:14px;text-align:center;color:#999;}
.offline-shop-info-address-detail{max-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.offline-shop-info-info-icon{position:absolute;left:0;top:17px;width:14px;height:14px;}
.info-icon-map-marker{background:url(../image/component/icon_map_marker.png) no-repeat;background-size:14px 14px;}
.info-icon-clock{background:url(../image/component/icon_clock.png) no-repeat;background-size:14px 14px;}
.offline-shop-info-address-arrow{position:absolute;top:40%;right:0;width:12px;height:12px;background:url(../image/component/icon_arrow.png) no-repeat;background-size:12px 12px;}
.offline-shop-info-open-time{position:relative;padding:15px 0 15px 20px;line-height:16px;fonage-size:12px;}
.offline-shop-info .info-icon{position:absolute;left:0;top:17px;width:14px;text-align:center;color:#999;}
.offline-shop-info-detail:after,.offline-shop-info-address:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;}

/*商品*/
.design-editor-card-item-inline{position:relative;float:left;margin:0 10px 10px 0;display:block;border:1px solid #ddd;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.design-component-goods-item{width:50px;height:50px;}
.design-component-goods-item .image-url{outline:none;position:relative;display:inline-block;height:100%;width:100%;vertical-align:middle;text-align:center;line-height:50px;font-size:0;}
.design-editor-card-item-delete{width:15px;height:15px;display:none;position:absolute;cursor:pointer;font-size:15px;right:-10px;top:-10px;color:#bbb;border-radius:50%;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.design-editor-card-item-inline:hover .design-editor-card-item-delete{display:block!important;}
.design-component-goods-item .image-url .design-component-goods-item-img{display:inline-block;max-width:100%;max-height:100%;}
.design-editor-card-add-inline{position:relative;float:left;width:50px;height:50px;cursor:pointer;margin:0 10px 10px 0;display:block;border:1px dashed #ddd;background-color:#fff;}
.rc-design-editor-card-item__inline{position:relative;float:left;margin:0 10px 10px 0;display:block;border:1px solid #ddd;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.rc-design-editor-card-item__inline:hover .rc-design-editor-card-item-delete{display:block!important}
.design-editor-card-add-icon{position:absolute;margin:0;left:50%;top:50%;-webkit-transform:translate3D(-50%,-50%,0);-moz-transform:translate3D(-50%,-50%,0);-ms-transform:translate3D(-50%,-50%,0);transform:translate3D(-50%,-50%,0);color:#38f;}
.design-item-editor-goods .editor-group .editor-group-label{width:95px!important;}
.design-item-editor-goods .buy-btn-text{display:inline-block;width:80px;margin-right:10px;margin-top:10px;position:relative;height:30px;max-height:36px;line-height:28px;}
.design-item-editor-goods .buy-btn-text input{width:80px;}
.design-item-editor.design-item-editor-goods .editor-group .editor-group-control .input-wrap{display:inline-block;width:80px;margin-right:10px;}
.design-item-editor.design-item-editor-goods .editor-group .editor-group-control .input-wrap .input{width:80px;}
.corner-mark-image{margin-top:10px;display:inline-block;}
.has-not-choose-image{width:50px;height:50px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;border:1px dashed #ddd;color:#38f;cursor:pointer;overflow:hidden;}
.has-not-choose-image i{line-height:48px;font-size:12px;}
.has-choosed-image{width:50px;height:50px;border:1px solid #e5e5e5;text-align:center;position:relative;}
.has-choosed-image .thumb-image{min-height:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;max-height:100%;max-width:100%;height:auto;width:auto;}
.has-choosed-image .modify-image{width:50px;height:16px;line-height:16px;position:absolute;bottom:0;left:0;font-size:12px;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;}
.corner-mark-image-tips{color:#999;display:inline-block;margin-left:10px;vertical-align:text-bottom;}
.goods-list{overflow:hidden}
.goods-list-container-hybrid,.goods-list-container-waterfall{overflow:hidden;padding:0 7px}
.goods-list-container-hybrid .goods-list-wrapper{float:left;overflow:hidden}
.goods-list-container-hybrid .goods-list-wrapper-hybrid-big{width:100%}
.goods-list-container-hybrid .goods-list-wrapper-hybrid-small{width:50%}
.goods-list-container-hybrid.goods-list-container-540 .goods-list-wrapper-hybrid-big{width:64%;margin:3px}
.goods-list-container-hybrid.goods-list-container-540 .goods-list-wrapper-hybrid-small{float:none;margin:2px 2px 2px 6px;width:auto}
.goods-list-container-card1{padding:0 7px 0 8px}
.goods-list-container-card1.goods-list-container-big{padding:0}
.goods-list-container-card1.goods-list-container-big .card1{margin-top:15px;margin-bottom:15px}
.goods-list-container-card1.goods-list-container-list{padding:0}
.goods-list-container-card1.goods-list-container-list .card1{margin:15px}
.goods-list-container-big .goods-list-wrapper:first-child .goods-list-item,.goods-list-container-list .goods-list-wrapper:first-child .goods-list-item{margin-top:5px}
.goods-list-container-big .goods-list-wrapper:last-child .goods-list-item,.goods-list-container-list .goods-list-wrapper:last-child .goods-list-item{margin-bottom:5px}
.goods-list-container-list.goods-list-container-simple{padding-left:15px;background-color:#fff;position:relative}
.goods-list-container-list.goods-list-container-simple:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}
.goods-list-container-list.goods-list-container-simple .goods-list-wrapper{padding:10px 15px 10px 0;position:relative}
.goods-list-container-list.goods-list-container-simple .goods-list-wrapper:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}
.goods-list-item-list .goods-list-photo{float:left}
.goods-list-item-list .goods-list-photo-soldout:after{background-size:60px 60px}
.goods-list-item-list .goods-list-info .title{padding-top:2px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.goods-list-item-list .goods-list-info .price{position:absolute;left:0;bottom:10px}
.goods-list-item-list.goods-list-item-btn0 .goods-list-info .price{line-height:24px}
.goods-list-item-list.goods-list-item-btn1 .goods-list-info .price{line-height:20px}
.goods-list-item-list.goods-list-item-btn2 .goods-list-info .price{line-height:28px}
.goods-list-item-list.goods-list-item-btn3 .goods-list-info .price{line-height:26px}
.goods-list-item-list.card0,.goods-list-item-list.card1{min-height:auto;margin:15px}
.goods-list-item-list.card1:after,.goods-list-item-list.card0:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e5e5e5}
.goods-list-item-list.card1 .goods-list-photo,.goods-list-item-list.card0 .goods-list-photo{margin-right:10px;width:118px;height:118px;min-height:auto;}
.goods-list-item-list.card1 .goods-list-info,.goods-list-item-list.card0 .goods-list-info{margin-left:128px;height:118px;margin-right:10px}
.goods-list-item-list.card1 .goods-list-info .title,.goods-list-item-list.card0 .goods-list-info .title{padding-top:10px}
.goods-list-item-list.card1 .goods-list-buy-btn-wrapper,.goods-list-item-list.card0 .goods-list-buy-btn-wrapper{right:15px;bottom:10px}
.goods-list-item-big{margin:15px}
.goods-list-item-big .goods-list-photo-soldout:after{background-size:100px 100px}
.goods-list-item-big .goods-list-img{position:relative;display:block}
.goods-list-item-big .goods-list-info{padding:10px}
.goods-list-item-big .goods-list-info .title{width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.goods-list-item-big .goods-list-info .sub-title{width:100%;margin-bottom:0}
.goods-list-item-big .goods-list-buy-btn-wrapper{right:10px;bottom:10px}
.goods-list-item-big.photo-height-500-item .goods-list-photo{height:500px}
.goods-list-item-big.photo-height-500-item .goods-list-img{position:absolute;height:100%;width:auto}
.goods-list-item-big.goods-list-item-ratio-1-1 .goods-list-photo,.goods-list-item-big.goods-list-item-ratio-3-2 .goods-list-photo{min-height:0;height:0}
.goods-list-item-big.goods-list-item-ratio-1-1 .goods-list-img,.goods-list-item-big.goods-list-item-ratio-3-2 .goods-list-img{position:absolute}
.goods-list-item-big.goods-list-item-ratio-3-2 .goods-list-photo{padding-top:66.67%}
.goods-list-item-big.goods-list-item-ratio-1-1 .goods-list-photo{padding-top:100%}
.goods-list-item-big.goods-list-item-padding .goods-list-img{width:100%;height:auto;}
.goods-list-item-hybrid-big{margin:5px 3px}
.goods-list-container-small{overflow:hidden;padding:0 7px}
.goods-list-container-small .goods-list-wrapper{float:left;width:50%}
.goods-list-container-small.goods-list-container-540 .goods-list-wrapper{width:33.33%}
.goods-list-item-small{margin:5px 3px}
.goods-list-item-small .goods-list-photo{min-height:0;padding-top:100%;height:0}
.goods-list-item-small .goods-list-photo-soldout:after{background-size:88px 88px}
.goods-list-item-small .goods-list-info{padding:10px}
.goods-list-item-small .goods-list-info .title{height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.goods-list-item-small .goods-list-info .sub-title{margin-bottom:10px}
.goods-list-item-small .goods-list-info.has-price{text-align:center}
.goods-list-item-small .goods-list-info.has-price .price{line-height:1}
.goods-list-item-small .goods-list-info.has-btn,.goods-list-item-small .goods-list-info.has-title{text-align:left}
.goods-list-item-small .goods-list-info.has-title.has-subtitle .title{height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.goods-list-item-small .goods-list-info.has-title.has-subtitle .sub-title{margin-bottom:0}
.goods-list-item-small .goods-list-info.has-title.has-btn .title,.goods-list-item-small .goods-list-info.has-title.has-price .title,.goods-list-item-small .goods-list-info.has-title.has-subtitle.has-btn .sub-title,.goods-list-item-small .goods-list-info.has-title.has-subtitle .title{margin-bottom:6px}
.goods-list-item-small .goods-list-info.has-subtitle.has-price .sub-title{margin-bottom:10px}
.goods-list-item-small .goods-list-info.has-btn.has-price .price{position:absolute;bottom:10px;left:10px}
.goods-list-item-small .goods-list-buy-btn-wrapper .goods-list-buy-btn-2{padding:0;width:52px;min-width:auto;font-size:12px;line-height:22px;height:24px;border-radius:12px}
.goods-list-item-small.goods-list-item-btn0 .goods-list-info.has-btn,.goods-list-item-small.goods-list-item-btn2 .goods-list-info.has-btn{padding-bottom:34px;}
.goods-list-item-small.goods-list-item-btn0 .goods-list-info.has-btn .price,.goods-list-item-small.goods-list-item-btn2 .goods-list-info.has-btn .price{line-height:24px;}
.goods-list-item-small.goods-list-item-btn1 .goods-list-info.has-btn{padding-bottom:30px;}
.goods-list-item-small.goods-list-item-btn1 .goods-list-info.has-btn .price{line-height:20px;}
.goods-list-item-small.goods-list-item-btn3 .goods-list-info.has-btn{padding-bottom:36px}
.goods-list-item-small.goods-list-item-btn3 .goods-list-info.has-btn .price{line-height:26px}
.goods-list-item-small .goods-list-buy-btn-wrapper{bottom:10px;right:10px}
.goods-list-item-hybrid-small .goods-list-img{position:absolute}
.goods-list-container-three{padding:0 7px}
.goods-list-container-three .goods-list-wrapper{float:left;width:33.33%}
.goods-list-container-three .goods-list-buy-btn-wrapper-1{right:0;bottom:9px;z-index:2}
.goods-list-container-three .goods-list-buy-btn-wrapper-1 .goods-list-buy-btn-loading{width:18px;height:18px;line-height:inherit}
.goods-list-container-three .goods-list-buy-btn-1{font-size:12px;margin:0;width:14px;height:14px;line-height:16px;display:block;padding:1px 1px 0 0;background-size:14px 14px;}
.goods-list-container-three.nowrap{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:10px;margin-bottom:-10px}
.goods-list-container-three.nowrap .goods-list-wrapper{-webkit-box-flex:0;-webkit-flex:0 0 30%;-moz-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;width:30%;float:none}
.goods-list-container-three.nowrap .goods-list-item-three{white-space:normal}
.goods-list-item-three{margin:5px 3px}
.goods-list-item-three .goods-list-photo-soldout:after{background-size:60px 60px}
.goods-list-item-three .goods-list-info{padding:10px}
.goods-list-item-three .goods-list-photo{min-height:0;padding-top:100%;height:0}
.goods-list-item.simple{background-color:inherit}
.goods-list-item.simple .goods-list-info .title{height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.goods-list-item.simple .goods-list-info .sub-title{width:100%}
.goods-list-item.simple .goods-list-info.has-price,.goods-list-item.simple .goods-list-info.has-title{text-align:center}
.goods-list-item.simple .goods-list-info.has-title.has-subtitle.has-price{text-align:left}
.goods-list-item.simple .goods-list-info.has-title.has-price .title,.goods-list-item.simple .goods-list-info.has-title.has-subtitle .title{margin-bottom:6px}
.goods-list-item.simple.goods-list-item-list{min-height:auto}
.goods-list-item.simple.goods-list-item-list .goods-list-photo{margin-right:15px;width:98px;height:98px;min-height:auto}
.goods-list-item.simple.goods-list-item-list .goods-list-info{margin-left:113px;height:98px;text-align:left}
.goods-list-item.simple.goods-list-item-list .goods-list-info .price{bottom:0}
.goods-list-item.simple.goods-list-item-list .goods-list-buy-btn-wrapper{right:5px;bottom:0}
.goods-list-item.simple.goods-list-item-three .goods-list-info{text-align:left}
.goods-list-item.simple.goods-list-item-three .goods-list-info .title{font-size:12px;line-height:16px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.goods-list-item.simple.goods-list-item-three .goods-list-info .price{font-size:14px}
.goods-list-item.simple.goods-list-item-three .goods-list-info.has-title.has-price .title{margin-bottom:8px}
.goods-list-item.simple.goods-list-item-big .goods-list-info.has-title.has-subtitle.has-price .sub-title,.goods-list-item.simple.goods-list-item-big .goods-list-info.has-title.has-subtitle.has-price .title{width:80%}
.goods-list-item.simple.goods-list-item-big .goods-list-info.has-title.has-subtitle.has-price .price{position:absolute;right:10px;top:10px}
.goods-list-container-waterfall-2{overflow:hidden;padding:0 12px;}
.goods-list-container-waterfall-2 .goods-list-items{float:left;width:50%}
.goods-list-container-waterfall-2 .goods-list-item-big{margin:8px 5px}
.goods-list-container-waterfall-3 .goods-list-items{float:left;width:33.33%}
.goods-list-item.waterfall.goods-list-item-small{margin:8px 3px}
.goods-list-item.waterfall.goods-list-item-small .goods-list-photo{height:auto;min-height:100px;padding-top:0}
.goods-list-item.waterfall.goods-list-item-small .goods-list-img{position:relative}
.goods-list-item.promotion.goods-list-item-small .goods-list-info{padding:0 75px 0 5px}
.goods-list-item.promotion.goods-list-item-small .goods-list-info .price{height:40px;line-height:40px;white-space:nowrap;margin-top:0;position:static}
.goods-list-item.promotion.goods-list-item-small .goods-list-buy-btn-wrapper{bottom:0;right:0}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-title{text-align:left}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-title .sub-title,.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-title .title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-title .sub-title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-title .title{width:80%}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-title.has-price .title,.goods-list-item.card1.goods-list-item-big .goods-list-info.has-title.has-subtitle .title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-title.has-price .title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-title.has-subtitle .title{margin-bottom:6px}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-price,.goods-list-item.card1.goods-list-item-big .goods-list-info.has-title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-price,.goods-list-item.card.goods-list-item-big .goods-list-info.has-title{text-align:center}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-title.has-subtitle,.goods-list-item.card1.goods-list-item-big .goods-list-info.has-title.has-subtitle.has-price,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-title.has-subtitle,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-title.has-subtitle.has-price{text-align:left}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-subtitle.has-price .sub-title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-subtitle.has-price .sub-title{margin-bottom:8px}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-price,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-price{text-align:left}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-price .sub-title,.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-price .title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-price .sub-title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-price .title{width:100%}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-price .price,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-price .price{position:absolute;bottom:10px;left:10px}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-title.has-subtitle,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-title.has-subtitle{padding-bottom:10px}
.goods-list-item.card1.goods-list-item-big .goods-list-info.has-btn.has-title.has-subtitle .title,.goods-list-item.card0.goods-list-item-big .goods-list-info.has-btn.has-title.has-subtitle .title{position:static;line-height:18px;height:18px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-btn.has-price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-btn.has-price{padding-bottom:34px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-btn.has-price .price,.goods-list-item.card1.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-title .title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-btn.has-price .price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn0 .goods-list-info.has-title .title{line-height:24px;height:24px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-btn.has-price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-btn.has-price{padding-bottom:30px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-btn.has-price .price,.goods-list-item.card1.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-title .title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-btn.has-price .price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn1 .goods-list-info.has-title .title{line-height:20px;height:20px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price{padding-bottom:38px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .price{line-height:28px;height:28px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-title .sub-title,.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-title .title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-title .sub-title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-title .title{width:75%}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .sub-title,.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .sub-title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-btn.has-price .title{width:100%}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-title .title,.goods-list-item.card.goods-list-item-big.goods-list-item-btn2 .goods-list-info.has-title .title{line-height:28px;height:28px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-btn.has-price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-btn.has-price{padding-bottom:36px}
.goods-list-item.card1.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-btn.has-price .price,.goods-list-item.card1.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-title .title,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-btn.has-price .price,.goods-list-item.card0.goods-list-item-big.goods-list-item-btn3 .goods-list-info.has-title .title{line-height:26px;height:26px}
.goods-list-item.card1{border-radius:4px}
.goods-list-item.card1:after{z-index:1;content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:8px}
.goods-list-item.card1 .goods-list-photo{border-radius:5px 5px 0 0}
.goods-list-item.card1.only-image .goods-list-photo{border-radius:5px}
.goods-list-item.card1.goods-list-item-hybrid-big,.goods-list-item.card1.goods-list-item-small{margin:7px 8px 8px 7px}
.goods-list-item.card1.goods-list-item-list .goods-list-info .title{margin-bottom:10px}
.goods-list-item.card1.goods-list-item-list .goods-list-info .sub-title,.goods-list-item.card1.goods-list-item-list .goods-list-info .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.goods-list-item.card1.goods-list-item-list .goods-list-photo{border-radius:4px 0 0 4px}
.goods-list-item{display:block;position:relative;min-height:100px;color:#333;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.goods-list-item-padding .goods-list-img{width:100%;height:auto}
.goods-list-item-padding .goods-list-img{width:auto;max-width:none;height:100%;left:50%;right:auto;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.goods-list-item-padding.padding-height .goods-list-img{width:auto;max-width:none;height:100%;left:50%;right:auto;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);}
.goods-list-photo{text-align:center;overflow:hidden;position:relative;min-height:100px;max-height:500px;z-index:0}
.goods-list-photo-soldout:after{content:"";height:100%;background-image:url();background-color:rgba(0,0,0,.3);background-position:50%;background-repeat:no-repeat}
.goods-list-img,.goods-list-photo-soldout:after{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%}
.goods-list-img{vertical-align:bottom;height:auto}
.goods-list-img.large-height{width:auto;height:100%}
.goods-list-info{position:relative;overflow:hidden}
.goods-list-info .title{font-size:14px;line-height:18px;overflow:hidden}
.goods-list-info .sub-title{font-size:12px;line-height:16px;color:#999;margin-bottom:8px;height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.goods-list-info .price{color:#f44;font-size:16px;line-height:1;margin-bottom:0;}
.goods-list-wish{position:absolute;top:5px;right:10px;width:34px;height:23px;background-image:url();background-position:0 -9px;background-repeat:no-repeat;background-size:34px 74px}
.goods-list-wish-open{background-position:0 -42px}
.goods-list-buy-btn-wrapper{position:absolute}
.goods-list-buy-btn-loading{vertical-align:middle;line-height:32px;text-align:center}
.goods-list-buy-btn-loading .van-loading{display:inline-block}
.goods-list-buy-btn-wrapper-0 .goods-list-buy-btn-loading{width:24px;height:24px}
.goods-list-buy-btn-wrapper-1 .goods-list-buy-btn-loading{width:20px;height:20px}
.goods-list-buy-btn-wrapper-2 .goods-list-buy-btn-loading{width:70px;height:28px}
.goods-list-buy-btn-wrapper-3 .goods-list-buy-btn-loading{width:48px;height:26px}
.goods-list-buy-btn{width:24px;height:24px;display:block;background-size:cover;}
.goods-list-buy-btn-0{background:url(../image/component/icon_cart.png) no-repeat;background-size:24px 24px;}
.goods-list-buy-btn-1{background:url(../image/component/icon_cart2.png) no-repeat;background-size:24px 24px;}
.goods-list-buy-btn-2{color:#f44;font-size:20px;height:20px;line-height:1;cursor:pointer}
.goods-list-item-big .goods-list-buy-btn-wrapper{right:10px;bottom:10px;}
.goods-list-buy-btn-wrapper .goods-list-buy-btn-2{border-radius:14px;font-size:14px;line-height:26px;height:28px;padding:0 13px;cursor:pointer;position:relative;background-color:#f44;border:1px solid #e33;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-appearance:none;color:#fff;}
.goods-list-buy-btn-wrapper .goods-list-buy-btn-3{font-size:14px;line-height:24px;height:26px;color:#f44;min-width:48px;cursor:pointer;border-radius:2px;padding:0 8px;background-color:#fff;border:1px solid #f44;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-appearance:none;}
.goods-list-buy-btn-wrapper .goods-list-buy-btn-4{height:40px;line-height:40px;font-size:12px;padding:0 11px;background-color:#f44;color:#fff;border:0;border-radius:0;width:100%;position:relative;text-align:center;-webkit-appearance:none;display:inline-block;}
.goods-list-corner-back{position:absolute;background-color:#fff}
.goods-list-corner-back-0{top:0;left:0;width:34px;height:34px;background:url(../image/component/new-arrival.png);}
.goods-list-corner-back-1{top:10px;left:10px;width:34px;height:34px;background:url(../image/component/hot-sale.png);}
.goods-list-corner-back-2{top:0;left:0;width:36px;height:36px;background:url(../image/component/new.png);}
.goods-list-corner-back-3{top:5px;left:5px;width:28px;height:28px;background:url(../image/component/hot.png);}
.goods-list-corner-mark{position:absolute;left:0;top:0;color:#f44;z-index:2}
.goods-list-corner-mark-0{top:-4px;font-size:32px;}
.goods-list-corner-mark-1{left:5px;top:5px;font-size:34px}
.goods-list-corner-mark-2{font-size:36px}
.goods-list-corner-mark-3{left:5px;top:5px;font-size:28px}
.goods-list-corner-mark-custom{left:0;top:0;width:36px;height:36px}
.goods-list-corner-mark-default{left:0;top:0;width:36px;height:36px;padding-top:6px;padding-bottom:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(136,196,221,.2);color:#88c4dd;font-size:10px;line-height:12px;text-align:center}

/*优惠券*/
.design-item-coupon-editor .editor-card-item{height:auto;}
.design-item-coupon-editor .editor-card-add{height:auto;text-align:left;}
.design-item-coupon-editor .editor-card-add .editor-card-add-text{margin-top:0;}
.design-item-coupon-editor .editor-group .editor-group-control .input-wrap.input-wrap{display:inline-block;width:80px;}


.design-item-coupon-editor .editor-group .editor-group-control .coupon-editor-coupon-color{}
.design-item-coupon-editor .editor-group .editor-group-control .coupon-editor-coupon-color .theme-item{ display: inline-block; width: 16px; height: 16px; padding: 2px; margin-right: 10px; border: 1px solid #e5e5e5; cursor: pointer; }
.design-item-coupon-editor .editor-group .editor-group-control .coupon-editor-coupon-color .theme-item .coupon-color{width: 16px; height: 16px; display: inline-block;}
.design-item-coupon-editor .editor-group .editor-group-control .coupon-editor-coupon-color .theme-item.active { border: 1px solid #38f; }
.coupon-style1{background:transparent!important}
.coupon-style1 .coupon-bg{position:absolute;left:10px;top:0;height:100%;background-repeat:repeat-x;background-size:1px 100%}
.coupon-style1.coupon:before{left:0}
.coupon-style1.coupon:after,
.coupon-style1.coupon:before{content:"";position:absolute;top:0;width:10px;height:100%;background-size:100% 100%}
.coupon-style1.coupon:after{right:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.coupon-style1.coupon-color1 .coupon-bg{background-color:#e74c2c}
.coupon-style1.coupon-color1:after,
.coupon-style1.coupon-color1:before{background-image:url("")}
.coupon-style1.coupon-color2 .coupon-bg{background-color:#ffe9b7}
.coupon-style1.coupon-color2:after,
.coupon-style1.coupon-color2:before{background-image:url("")}
.coupon-style1.coupon-color3{-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}
.coupon-style1.coupon-color3 .coupon-bg{background-color:#fff}
.coupon-style1.coupon-color3:after,
.coupon-style1.coupon-color3:before{background-image:url("")}
.coupon-style1.coupon-color3 .coupon-dot-above,
.coupon-style1.coupon-color3 .coupon-dot-below{background-color:#f9f9f9}
.coupon-style1.coupon-color4 .coupon-bg{background-color:#383b3e}
.coupon-style1.coupon-color4:after,
.coupon-style1.coupon-color4:before{background-image:url("")}
.coupon-style1.coupon-color5 .coupon-bg{background-color:#e0f4e4}
.coupon-style1.coupon-color5:after,
.coupon-style1.coupon-color5:before{background-image:url("")}
.coupon-style1.coupon-disabled{color:#fff!important}
.coupon-style1.coupon-disabled .coupon-bg{background-color:#d3d6d9}
.coupon-style1.coupon-disabled:after,
.coupon-style1.coupon-disabled:before{background-image:url("")}
.coupon-style1 .coupon-dot-above{top:-5px}
.coupon-style1 .coupon-dot-above,
.coupon-style1 .coupon-dot-below{content:"";position:absolute;right:83px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:10px;height:10px;border-radius:50%;background-color:#fff}
.coupon-style1 .coupon-dot-below{bottom:-5px}
.coupon-style1 .coupon-value:after{display:none}
.coupon-style1 .coupon-desc{margin-left:15px}
.coupon-style1 .coupon-left{z-index:1}
.coupon-style1 .coupon-right{z-index:1;width:82px;height:70px;border-left-width:1px;border-left-style:dashed;border-color:hsla(0,0%,100%,.5)}
.coupon-style1.coupon-color1 .coupon-right{border-color:hsla(0,0%,100%,.5)}
.coupon-style1.coupon-color2{color:#f39343;background:#ffe9b7}
.coupon-style1.coupon-color2 .coupon-right{border-color:rgba(243,147,67,.5)}
.coupon-style1.coupon-color3{color:#000;background:#fff}
.coupon-style1.coupon-color3 .coupon-right{border-color:hsla(0,0%,60%,.3)}
.coupon-style1.coupon-color3.coupon:after,
.coupon-style1.coupon-color3.coupon:before{background-color:#f5f5f5}
.coupon-style1.coupon-color4{color:#fff;background:#000}
.coupon-style1.coupon-color4 .coupon-right{border-color:hsla(0,0%,60%,.5)}
.coupon-style1.coupon-color5 .coupon-right{border-color:rgba(99,190,114,.5)}
.coupon-style1.coupon-disabled .coupon-right{border-color:hsla(0,0%,60%,.5)}
.coupon-style2{background-color:transparent;background-size:100% 100%}
.coupon-style2 .coupon-value:after{visibility:hidden}
.coupon-style2 .coupon-left,
.coupon-style2 .coupon-right{z-index:1}
.coupon-style2 .coupon-bg{position:absolute;left:18px;top:0;height:100%;background-repeat:repeat-x;background-size:1px 100%}
.coupon-style2:before{left:0}
.coupon-style2:after,
.coupon-style2:before{content:"";position:absolute;top:0;width:18px;height:100%;background-size:100% 100%}
.coupon-style2:after{right:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.coupon-style2.coupon-color1 .coupon-bg{background-image:url("")}
.coupon-style2.coupon-color1:after,
.coupon-style2.coupon-color1:before{background-image:url("")}
.coupon-style2.coupon-color2 .coupon-bg{background-image:url("")}
.coupon-style2.coupon-color2:after,
.coupon-style2.coupon-color2:before{background-image:url("")}
.coupon-style2.coupon-color3 .coupon-bg{background-image:url("")}
.coupon-style2.coupon-color3:after,
.coupon-style2.coupon-color3:before{background-image:url("")}
.coupon-style2.coupon-color4 .coupon-bg{background-image:url("")}
.coupon-style2.coupon-color4:after,
.coupon-style2.coupon-color4:before{background-image:url("")}
.coupon-style2.coupon-color5 .coupon-bg{background-image:url("")}
.coupon-style2.coupon-color5:after,
.coupon-style2.coupon-color5:before{background-image:url("")}
.coupon-style2.coupon-disabled .coupon-bg{background-image:url("")}
.coupon-style2.coupon-disabled .coupon-value{color:#fff}
.coupon-style2.coupon-disabled:after,
.coupon-style2.coupon-disabled:before{background-image:url("")}
.coupon-style3{border-radius:4px}
.coupon-style3.coupon:after{content:"";position:absolute;right:-7px;top:50%;margin-top:-7px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:14px;height:14px;border-radius:50%;background-color:#fff}
.coupon-style3 .coupon-left{background:#fff;height:100%}
.coupon-style3 .coupon-value:after{border-color:#000}
.coupon-style3.coupon-color1{color:#e74c2c}
.coupon-style3.coupon-color1 .coupon-action{color:#fff}
.coupon-style3.coupon-color1 .coupon-value:after{border-left-color:rgba(239,77,45,.5)}
.coupon-style3.coupon-color2{color:#f39343;background:#ffe9b7}
.coupon-style3.coupon-color2 .coupon-value{color:#f39343}
.coupon-style3.coupon-color2 .coupon-value:after{border-left-color:rgba(243,147,67,.5)}
.coupon-style3.coupon-color3{-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}
.coupon-style3.coupon-color3.coupon:after{background-color:#f9f9f9}
.coupon-style3.coupon-color3 .coupon-value:after{border-left-color:hsla(0,0%,60%,.3)}
.coupon-style3.coupon-color4{color:#000;background:#000}
.coupon-style3.coupon-color4 .coupon-value{color:#000}
.coupon-style3.coupon-color4 .coupon-value:after{border-left-color:hsla(0,0%,60%,.5)}
.coupon-style3.coupon-color4 .coupon-right{color:#fff}
.coupon-style3.coupon-color5{color:#63be72;background:#e0f4e4}
.coupon-style3.coupon-color5 .coupon-value{color:#63be72}
.coupon-style3.coupon-color5 .coupon-value:after{border-left-color:rgba(99,190,114,.5)}
.coupon-style3.coupon-color5 .coupon-right{color:#63be72}
.coupon-style3.coupon-disabled{color:#d3d6d9;background:#d3d6d9}
.coupon-style3.coupon-disabled .coupon-desc,
.coupon-style3.coupon-disabled .coupon-value{color:#d3d6d9}
.coupon-style3.coupon-disabled .coupon-action{font-size:inherit;color:#fff;border:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
.coupon-style4{-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}
.coupon-style4.coupon-color2 .coupon-value:after{border-color:rgba(243,147,67,.5)}
.coupon-style4.coupon-color3 .coupon-value:after{border-color:hsla(0,0%,60%,.5)}
.coupon-style4.coupon-color5{-webkit-box-shadow:0 0 8px rgba(99,190,114,.1);box-shadow:0 0 8px rgba(99,190,114,.1)}
.coupon-style4.coupon-color5 .coupon-value:after{border-color:rgba(99,190,114,.5)}



.design-component-coupon-preview{overflow-x:hidden;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-overflow-scrolling:touch;}
.design-component-coupon-preview .coupon-item,.design-component-coupon-preview .coupon-track{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.design-component-coupon-preview .coupon-track{width:100%;padding:10px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.design-component-coupon-preview .coupon-item:not(:last-child){margin-right:10px;}
.design-component-coupon-preview .coupon-item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;color:#fff;float:left;width:110px;height:70px;line-height:1;position:relative;border-radius:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background:-webkit-gradient(linear,left top,right top,from(#ff6565),to(#ff8c8c));background:-webkit-linear-gradient(left,#ff6565,#ff8c8c);background:-moz-linear-gradient(left,#ff6565,#ff8c8c);background:linear-gradient(90deg,#ff6565,#ff8c8c);}
.design-component-coupon-preview .coupon-price{font-size:30px}
.design-component-coupon-preview .coupon-price span:first-child{margin-right:1px}
.design-component-coupon-preview .coupon-price span:first-child,.coupon-price span:last-child{font-size:12px}
.design-component-coupon-preview .coupon-desc{font-size:12px;margin-top:4px}
.design-component-coupon-preview .coupon-item-one{height:95px;padding-right:100px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.design-component-coupon-preview .coupon-item-one:before{left:-10px;}
.design-component-coupon-preview .coupon-item-one:after,.coupon-item-one:before{width:20px;height:20px;margin-top:-10px;}
.design-component-coupon-preview .coupon-item:before{left:-5px;}
.design-component-coupon-preview .coupon-item:after,.coupon-item:before{content:"";top:50%;z-index:1;width:10px;height:10px;border-radius:50px;margin-top:-5px;position:absolute;background-color:#fafafa;}
.design-component-coupon-preview .coupon-receive{position:absolute;top:0;right:0;width:100px;font-size:14px;line-height:95px;text-align:center;}
.design-component-coupon-preview .coupon-receive:after{border-left-style:dashed;}
.design-component-coupon-preview .hairline-left:after{border-left-width:1px;}
.hairline-bottom:after,.hairline-left:after,.hairline-right:after,.hairline-surround:after,.hairline-top-bottom:after,.hairline-top:after,.hairline:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0 solid #e5e5e5;}
.coupon-item-one .coupon-price{font-size:48px}
.coupon-item-one .coupon-price span:first-child,.coupon-item-one .coupon-price span:last-child{font-size:20px}
.coupon-item-one .coupon-desc{font-size:20px;margin:0 0 0 10px}
.coupon-item-one .coupon-desc div:last-child{font-size:14px;margin-top:10px}
.coupon-item-one:after,.coupon-item-one:before{width:20px;height:20px;margin-top:-10px}
.coupon-item-one:before{left:-10px}
.coupon-item-one:after{right:-10px}
.coupon-item-two{height:75px}
.coupon-item-two .coupon-price{font-size:36px}
.coupon-item-two .coupon-price span:first-child,.coupon-item-two .coupon-price span:last-child{font-size:14px}
.coupon-item:after{right:-5px;}
.design-component-coupon-preview .coupon-item-disabled{background:#d3d6d9}
.design-component-coupon-preview .coupon-disabled-text,.design-component-coupon-preview .coupon-disabled-text-wrap{width:40px;height:40px;position:absolute}
.design-component-coupon-preview .coupon-disabled-text-wrap{top:0;right:0;overflow:hidden;border-radius:inherit}
.design-component-coupon-preview .coupon-disabled-text{top:-9px;right:-3px;line-height:50px;border:1px solid #9e9e9e;border-radius:20px;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);color:#9e9e9e;text-align:center;font-size:12px}



/* 会员中心样式 */
.design-component-config-preview-wechat.no-title{background-image:url(../image/component/webchat-top-no-title.png);height:30px;}
.design-component-member-center-effect{background-image:url(../image/component/member-center.png);background-size:cover;width:320px;height:350px;margin-bottom:12px;}
.J-sort-item{transition:all .2s;}

/* 限时折扣组件*/
.cap-countdown{display:inline-block}
.cap-countdown__day,.cap-countdown__hour,.cap-countdown__minute,.cap-countdown__second{display:inline-block;margin:0 3px;padding:0 3px;line-height:16px;border-radius:2px;font-size:12px}
.cap-countdown__time-text{font-size:12px}
.cap-countdown--black{color:#fff}
.cap-countdown--black .cap-countdown__day,.cap-countdown--black .cap-countdown__hour,.cap-countdown--black .cap-countdown__minute,.cap-countdown--black .cap-countdown__second{background-color:#333}
.cap-countdown--black .cap-countdown__time-text{color:#333}
.cap-countdown--white{color:#ff4343}
.cap-countdown--white .cap-countdown__day,.cap-countdown--white .cap-countdown__hour,.cap-countdown--white .cap-countdown__minute,.cap-countdown--white .cap-countdown__second{background-color:#fff}
.cap-countdown--white .cap-countdown__time-text{color:#fff}
.cap-ump-limitdiscount-goods__img-wrap{position:relative;width:100%;height:0;padding-top:100%}
.cap-ump-limitdiscount-goods__img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.cap-ump-limitdiscount-goods__img--cover{width:100%;background-size:cover;background-position:50%}
.cap-ump-limitdiscount-goods__mask{background-color:rgba(0,0,0,.4);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.cap-ump-limitdiscount{margin-bottom:10px}
.cap-ump-limitdiscount-goods{display:block}
.cap-ump-limitdiscount-goods__title{margin-bottom:8px;color:#333;font-size:14px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cap-ump-limitdiscount-goods__discount{position:relative;display:inline-block;vertical-align:middle;margin-right:3px;height:14px;padding:0 5px;line-height:14px;border-radius:2px;color:#f44;font-size:10px;text-align:center;overflow:hidden}
.cap-ump-limitdiscount-goods__discount:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f44;opacity:.1}
.cap-ump-limitdiscount-goods__header{position:relative}
.cap-ump-limitdiscount-goods__tag-info{position:absolute;bottom:0;left:0;width:100%}
.cap-ump-limitdiscount-goods__content{position:relative}
.cap-ump-limitdiscount-goods__bar{width:100%;height:6px;border-radius:3px;background-color:hsla(0,0%,90%,.5)}
.cap-ump-limitdiscount-goods__bar-inner{height:100%;border-radius:3px;background-image:-webkit-linear-gradient(left,#ff7979,#f44);background-image:-webkit-gradient(linear,left top,right top,from(#ff7979),to(#f44));background-image:-moz-linear-gradient(left,#ff7979,#f44);background-image:linear-gradient(90deg,#ff7979,#f44)}
.cap-ump-limitdiscount-goods__sales-info{margin-top:6px;overflow:hidden;color:#999;font-size:10px;line-height:12px}
.cap-ump-limitdiscount-goods__detail{margin-top:6px}
.cap-ump-limitdiscount-goods__sales{float:left}
.cap-ump-limitdiscount-goods__rest{float:right}
.cap-ump-limitdiscount-goods__rest-num{color:#ff423d}
.cap-ump-limitdiscount-goods__origin-price,.cap-ump-limitdiscount-goods__price{display:inline-block}
.cap-ump-limitdiscount-goods__price{color:#f44}
.cap-ump-limitdiscount-goods__price-symbol{margin-right:3px}
.cap-ump-limitdiscount-goods__origin-price{color:#999;font-size:10px;text-decoration:line-through}
.cap-ump-limitdiscount-goods__origin-price-symbol{margin-right:2px}
.cap-ump-limitdiscount-goods .cap-countdown .cap-countdown__day,.cap-ump-limitdiscount-goods .cap-countdown .cap-countdown__hour,.cap-ump-limitdiscount-goods .cap-countdown .cap-countdown__minute,.cap-ump-limitdiscount-goods .cap-countdown .cap-countdown__second,.cap-ump-limitdiscount-goods .cap-countdown .cap-countdown__time-text{background-color:transparent;color:#fff}
.cap-ump-limitdiscount-goods--end .cap-ump-limitdiscount-goods__mask:after,.cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-image:url(https://img.yzcdn.cn/v2/image/wsc-wap/showcase/end.png);background-size:contain}
.cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{background-image:url(https://img.yzcdn.cn/v2/image/wsc-wap/showcase/soldout.png)}
.cap-ump-limitdiscount-goods__action{width:70px;line-height:24px;font-size:12px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cap-ump-limitdiscount--btn-0 .cap-ump-limitdiscount-goods__action,.cap-ump-limitdiscount--btn-2 .cap-ump-limitdiscount-goods__action{line-height:22px}
.cap-ump-limitdiscount--btn-0 .cap-ump-limitdiscount-goods__action{color:#f44;border:1px solid #f44;border-radius:20px}
.cap-ump-limitdiscount--btn-0 .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__action{color:#4b0;border-color:#4b0}
.cap-ump-limitdiscount--btn-1 .cap-ump-limitdiscount-goods__action{color:#fff;background:#f44;border-radius:20px}
.cap-ump-limitdiscount--btn-1 .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__action{background:#4b0}
.cap-ump-limitdiscount--btn-2 .cap-ump-limitdiscount-goods__action{color:#f44;border:1px solid #f44;border-radius:2px}
.cap-ump-limitdiscount--btn-2 .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__action{color:#4b0;border-color:#4b0}
.cap-ump-limitdiscount--btn-3 .cap-ump-limitdiscount-goods__action{color:#fff;background:#f44;border-radius:2px}
.cap-ump-limitdiscount--btn-3 .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__action{background:#4b0}
@media screen and (max-width:320px){
    .cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__action{width:62px}
}
.cap-ump-limitdiscount--big{background-color:transparent}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods{margin-bottom:10px;padding:10px 15px;background:#fff}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods:last-child{margin:0}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods--end .cap-ump-limitdiscount-goods__mask:after,.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{width:100px;height:100px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__title{margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag{font-size:16px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:40px;padding:0 10px;line-height:40px;overflow:hidden;background:-webkit-linear-gradient(left,#f44,#ff8b8b);background:-webkit-gradient(linear,left top,right top,from(#f44),to(#ff8b8b));background:-moz-linear-gradient(left,#f44,#ff8b8b);background:linear-gradient(90deg,#f44,#ff8b8b);color:#fff}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown{float:right;font-size:10px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__day,.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__hour,.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__minute,.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{padding:0}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{min-width:15px;text-align:center}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__sales-wrap{margin-right:70px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__detail{margin-top:15px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods-countdown-text{margin-right:5px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__price{margin-right:5px;font-size:12px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__price-yuan{font-size:22px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__content{margin-left:5px}
.cap-ump-limitdiscount--big .cap-ump-limitdiscount-goods__action{position:absolute;right:2px;bottom:0}
.cap-ump-limitdiscount--small{margin-top:7px;padding:0 12px}
.cap-ump-limitdiscount--small:after{content:"";display:table;clear:both}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods{float:left;width:50%;padding:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:transparent}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--end .cap-ump-limitdiscount-goods__mask:after,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{width:88px;height:88px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown{background:rgba(68,187,0,.7);font-size:10px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__day,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__hour,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__minute,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__time-text{font-size:10px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods--not-start .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{min-width:12px;text-align:center}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__header{background-color:#fff}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__title{margin-bottom:6px;height:36px;line-height:18px;font-size:12px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__content{padding:5px 10px;background-color:#fff}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__price{margin:5px 5px 0 0;font-size:18px}
.cap-ump-limitdiscount--small .yuan{font-size:12px}
.cap-ump-limitdiscount--small .integer{font-size:18px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__origin-price{font-size:10px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown{background:rgba(0,0,0,.34);color:#fff;text-align:center;font-size:12px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-ump-limitdiscount-goods__countdown{margin-left:2px}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__day,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__hour,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__minute,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second,.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__time-text{padding:0;margin:0}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{min-width:15px;text-align:center}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__bottom{margin-top:13px;overflow:hidden}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__rest{float:left;margin-top:8px;font-size:8px;line-height:10px;color:#999}
.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__action{float:right}
.cap-ump-limitdiscount--list{position:relative;margin-bottom:10px;padding:0 0 0 15px;background:#fff}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods{display:block;position:relative;padding:10px 0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e5e5e5}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods:last-child:after{border:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__header{float:left;margin-right:10px;width:110px;height:110px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__content{position:relative;padding:0;padding-right:15px;height:110px;overflow:hidden}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__detail{position:absolute;bottom:0;left:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__title{max-height:36px;line-height:18px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-symbol{font-size:12px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-cent,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-yuan{font-size:16px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price{display:inline-block;margin-right:5px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__origin-price{display:inline-block;font-size:10px;line-height:10px}
@media only screen and (max-width:320px){
    .cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__origin-price{display:block}
}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown{margin-left:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown{background:rgba(0,0,0,.34);color:#fff;text-align:center;font-size:12px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__day,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__hour,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__minute,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__time-text{padding:0;margin:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{min-width:15px;text-align:center}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco{position:absolute;bottom:27px;right:8px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__day,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__hour,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__minute,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__second,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__time-text{padding:0;margin:0;font-size:10px;color:#999}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__second{min-width:12px;text-align:center}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__action{position:absolute;bottom:0;right:15px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods--end .cap-ump-limitdiscount-goods__mask:after,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{width:60px;height:60px}
.cap-ump-limitdiscount--preview.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__origin-price{display:block}
.cap-ump-limitdiscount--preview.cap-ump-limitdiscount--small .cap-ump-limitdiscount-goods__action{width:62px}
.cap-countdown{display:inline-block}
.cap-countdown__day,.cap-countdown__hour,.cap-countdown__minute,.cap-countdown__second{display:inline-block;margin:0 3px;padding:0 3px;line-height:16px;border-radius:2px;font-size:12px}
.cap-countdown__time-text{font-size:12px}
.cap-countdown--black{color:#fff}
.cap-countdown--black .cap-countdown__day,.cap-countdown--black .cap-countdown__hour,.cap-countdown--black .cap-countdown__minute,.cap-countdown--black .cap-countdown__second{background-color:#333}
.cap-countdown--black .cap-countdown__time-text{color:#333}
.cap-countdown--white{color:#ff4343}
.cap-countdown--white .cap-countdown__day,.cap-countdown--white .cap-countdown__hour,.cap-countdown--white .cap-countdown__minute,.cap-countdown--white .cap-countdown__second{background-color:#fff}
.cap-countdown--white .cap-countdown__time-text{color:#fff}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods{display:block;position:relative;padding:10px 0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e5e5e5}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods:last-child:after{border:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__header{float:left;margin-right:10px;width:110px;height:110px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__content{position:relative;padding:0;padding-right:15px;height:110px;overflow:hidden}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__detail{position:absolute;bottom:0;left:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__title{max-height:36px;line-height:18px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-symbol{font-size:12px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-cent,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price-yuan{font-size:16px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__price{display:inline-block;margin-right:5px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__origin-price{display:inline-block;font-size:10px;line-height:10px}
@media only screen and (max-width:320px){
    .cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__origin-price{display:block}
}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown{margin-left:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown{background:rgba(0,0,0,.34);color:#fff;text-align:center;font-size:12px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__day,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__hour,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__minute,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__time-text{padding:0;margin:0}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__tag-countdown .cap-countdown__second{min-width:15px;text-align:center}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco{position:absolute;bottom:27px;right:8px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__day,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__hour,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__minute,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__second,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__time-text{padding:0;margin:0;font-size:10px;color:#999}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__countdown--mirco .cap-countdown__second{min-width:12px;text-align:center}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods__action{position:absolute;bottom:0;right:15px}
.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods--end .cap-ump-limitdiscount-goods__mask:after,.cap-ump-limitdiscount--list .cap-ump-limitdiscount-goods--soldout .cap-ump-limitdiscount-goods__mask:after{width:60px;height:60px}
.rc-design-component-limit-discount-editor__activity-name{display:inline-block;padding:0 5px;height:20px;line-height:20px;border:1px solid #a7cfff;background-color:#e2f4ff;color:#666;text-align:center;}
.rc-design-component-limit-discount-editor__edit-activity-name{margin-left:20px;color:#38f;cursor:pointer;}
.design-component-discount-preview .cap-ump-limitdiscount--big .integer{font-size:22px;}


/*秒杀*/
.cap-ump-seckill{background-color:#fff;}
.cap-ump-seckill .cap-ump-seckill-header{display:flex;justify-content:center;height:55px;line-height:55px;}
.cap-ump-seckill .cap-ump-seckill-header .seckill-header-title{font-weight:700;color:#373737;font-size:13px;margin-right:5px;}
.cap-ump-seckill .cap-ump-seckill-header .count-down-wrap{}
.cap-ump-seckill .cap-ump-seckill-header .count-down-wrap .count-down-circle{width:22px;height:22px;background-color:#444;display:inline-block;line-height:22px;border-radius:100%;text-align:center;color:#fff;}
.cap-ump-seckill .cap-ump-seckill-header .count-down-wrap .count-down-colon{}
.cap-ump-seckill .cap-ump-seckill-content{}
.cap-ump-seckill .cap-ump-seckill-content .cap-ump-seckill-goods-list{display:flex;justify-content:space-evenly;}
.cap-ump-seckill .cap-ump-seckill-content .cap-ump-seckill-goods-list .cap-ump-seckill-goods-item{width:90px;}
.cap-ump-seckill-goods-item .goods-item-name{margin-top:5px;}
.cap-ump-seckill-goods-item .goods-item-price{margin-top:5px;display:flex;justify-content:center;}
.cap-ump-seckill-goods-item .goods-item-price .yuan{margin-right:0;}
.cap-ump-seckill-goods-item .goods-item-price .goods-item-current-price{color:#f44;font-size:12px;margin-right:3px;}
.cap-ump-seckill-goods-item .goods-item-price .goods-item-current-price .integer,.cap-ump-seckill-goods-item .goods-item-price .goods-item-current-price .integer{font-size:12px;}
.cap-ump-seckill-goods-item .goods-item-price .goods-item-origin-price{font-size:10px;}
.cap-ump-seckill-goods-item .goods-item-price .goods-item-origin-price,.cap-ump-seckill-goods-item .goods-item-price .goods-item-origin-price .integer{font-size:10px;text-decoration:line-through;line-height:16px;}
.cap-ump-seckill .cap-ump-seckill-footer{height:60px;text-align:center;line-height:60px;}